<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </h:head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_eixos.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>
    <h:body>
        <h:form id="formCurso">
            <div id="wrap_site">
                <div id="topo">
                    <ui:include src="/resources/site/top.xhtml" />
                </div> <!--END TOPO-->

                <div id="conteudo"> 

                    <div id="sidebar_left"> 
                        <ui:include src="/resources/site/lateralAvaliacao.xhtml" />
                    </div>
                    <div id="sidebar_right">
                        <div id="bg_l1_bibliometria" style="min-height:244px;background-color: #d8e8d3">
                            <img src="../images/detalhe_caixas.png" class="det_caixas float_left" />
                            <h1 class="titulo_pagina">Mapeamento da Formação em Gestão Social</h1>
                            <p class="texto_destaque texto_vermelho">Nome do Periódico:</p>
                            <p><h:outputText value="#{periodicoGSConsulta.periodicoSelecionado.nomeRevista}" /></p>
                            <br />
                            <br />
                            <p class="texto_destaque texto_vermelho">Vinculação Intituicional:</p>
                            <p><h:outputText value="#{periodicoGSConsulta.periodicoSelecionado.instituicao.nome}, #{periodicoGSConsulta.periodicoSelecionado.instituicao.municipio} - #{periodicoGSConsulta.periodicoSelecionado.instituicao.estado} " style="white-space: normal"  /></p>
                            <br />



                        </div>



                    </div>

                    <div class="clear_float"> </div>

                    <div class="cinza_medio recuo_15px" style="margin:0 20px 20px 20px;background-color: #d8e8d3 ">

                        <table width="100%" border="0">
                            <tr>
                                <td>
                                    <span class="cinza_medio recuo_10px" >
                                        <h:commandButton image="../images/seta_voltar2.png" action="/eixo_avaliacao/resultado_pesquisa_periodico.xhtml?faces-redirect=true" style="height: 11px" value="Voltar" />
                                    </span>
                                </td>
                                <td align="right">
                                    <p:commandButton value="Imprimir" type="button" icon="ui-icon-print"> 
                                        <p:printer target="display" />  
                                    </p:commandButton>  

                                </td>
                            </tr>
                        </table>

                        <p:panel id="display" footer="Observatório da Formação em Gestão Social"  style="text-align: center;width: 100%"  >  
                            <div align="left" >
                                <p>
                                    <div align="center">
                                        <h1 class="titulo_pagina">Mapeamento da Formação em Gestão Social</h1>
                                    </div><br/>
                                    <h3><b>Nome da Revista:  </b> <h:outputText value="#{periodicoGSConsulta.periodicoSelecionado.nomeRevista}"  /></h3><br/>
                                    <b>Vinculação Intituicional: </b> <h:outputText value="#{periodicoGSConsulta.periodicoSelecionado.instituicao.nome}, #{periodicoGSConsulta.periodicoSelecionado.instituicao.municipio} - #{periodicoGSConsulta.periodicoSelecionado.instituicao.estado} " style="white-space: normal"  /><br/>
                                    <b>Ano de Início: </b> <h:outputText value="#{periodicoGSConsulta.periodicoSelecionado.anoInicio}" /><br/>
                                    <b>Periodicidade: </b> <h:outputText value="#{periodicoGSConsulta.periodicoSelecionado.periodicidade}"/><br/>
                                    <b>Tipo de Publicação: </b> <h:outputText value="#{periodicoGSConsulta.periodicoSelecionado.tipoPublicacao}" /><br/>
                                    <b>Disponível no Link: </b> <h:outputLink value="http://#{periodicoGSConsulta.periodicoSelecionado.link}">#{periodicoGSConsulta.periodicoSelecionado.link}</h:outputLink><br/>
                                    <br/>
                                    <p:panel header="Indexadores:" >

                                        <p:dataList value="#{periodicoGSConsulta.periodicoSelecionado.indexadores}" var="index" itemType="circle">
                                            <b> #{index};<br/>  </b>
                                        </p:dataList> 
                                    </p:panel>
                                    <br/>
                                    <p:panel header="Tema de publicação / Palavras-chave:" >

                                        <p:dataList value="#{periodicoGSConsulta.periodicoSelecionado.palavrasChave}" var="pc" itemType="circle">
                                            <b> #{pc.tema};<br/>  </b>
                                        </p:dataList> 
                                    </p:panel>
                                    <br/>
                                    <p:panel header="Editores:" >
                                        <p:dataList value="#{periodicoGSConsulta.periodicoSelecionado.editores}" var="e" itemType="circle">
                                            <b> #{e.editor.nome} - ( #{e.anoInicio} - #{e.anoFim} );  </b><br/>
                                        </p:dataList> 

                                    </p:panel>
                                    <br/>

                                </p>
                                <p:panel header="Descrição do Periódico" >
                                    <h:outputText value="#{periodicoGSConsulta.periodicoSelecionado.descricao}" escape="false"/>

                                </p:panel>

                            </div>

                        </p:panel>



                    </div>

                </div> <!--END CONTEUDO-->

                <ui:include src="/resources/site/rodape.xhtml" />





            </div> <!--END WRAP SITE-->




        </h:form>
    </h:body>
</html>

